@charset "utf-8"; 
/* html, body{
  background-color: #F4F8FC;
} */
html, body{
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
body.en-us{
  font-family: "Google Sans", Arial, sans-serif !important;
}
#home-slideshow, #home-slideshow .uk-slideshow-items{
  height: 100vh;
  background: #000;
}
#home-slideshow .uk-slideshow-items li > a, #home-slideshow .uk-slideshow-items li .vidbacking{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#home-slideshow .uk-slideshow-items li .vidbacking{
  z-index: 9;
}
#home-slideshow .uk-slideshow-items li > a{
  z-index: 10;
  width: 100%;
  height: 100vh;
}

.zh-cn #home-slideshow, #home-slideshow .uk-slideshow-items, .zh-cn #home-slideshow .uk-slideshow-items li > a{
  height: calc(100vw * 0.333333) !important;
}

#home-slideshow .banner-description-wrapper{
  padding-top: calc((100vh - 150px - 15vh) / 2);
}
#home-slideshow #slide-1-layer-1{
  border-left:3px solid #06F;
  padding-left: 15px;
}
#home-slideshow #slide-1-layer-3{
  margin: 30px 0 20px !important;
}
#home-slideshow #slide-1-layer-3, #home-slideshow #slide-1-layer-3 p{
      z-index: 7;
    min-width: 722px;
    max-width: 722px;
    white-space: normal;
    font-size: 68px;
    line-height: 73px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    letter-spacing: 0px;
    font-family: Roboto;
    visibility: inherit;
    transition: none 0s ease 0s;
    text-align: inherit;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    min-height: 0px;
    max-height: none;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
}
#home-slideshow #slide-1-layer-4{
  margin: 0 0 20px !important;
}
.wrapper, body{
  background: #fff;
}
.wrapper_inner.mod-content{
  padding: 0 0 30px;
}
.index .wrapper_inner.mod-content{
  padding: 0;
}
.index .wrapper, body{
  background-color: #f6f6f6;
}

.mod-app #common-header .header_bottom {
    background-color: transparent !important;
}
.mod-app #common-header.scrolled .header_bottom{
  background-color: white !important;
}


.mod-app #common-header.nobanner_header{
  position: relative;
}
.mod-app #common-header.nobanner_header .header_top {
    background-color: #06F !important;
}
#common-header.nobanner_header{
  box-shadow: 0 1px 3px rgba(0,0,0,.11);
  /* margin-bottom: 30px; */
}
#common-header.nobanner_header .header_top{
    background-color: #06F !important;
}
#common-header.nobanner_header .header_bottom{
    background-color: #fff !important;
}
#common-header.nobanner_header .main_menu > ul > li > a, #common-header.nobanner_header .side_menu_button>a{
    color: #000 !important;
    line-height: 57px !important;
}
#common-header.nobanner_header .logo_wrapper{
  height: 57px !important;
}
#common-header.nobanner_header .q_logo img.normal{
    opacity: 0 !important;
}
#common-header.nobanner_header .q_logo img.sticky{
    opacity: 1 !important;
}
.wrapper_inner{
  overflow: unset;
}
/* .mod-app #common-header.page_header{
  position: static;
}
.mod-app #common-header.page_header .header_top {
    background-color: #06F !important;
}
#common-header{
  box-shadow: 0 10px 10px rgba(0, 0, 0, .2)
}
#common-header .header_top{
    background-color: #06F !important;
}
#common-header .header_bottom{
    background-color: #fff !important;
}
#common-header .main_menu > ul > li a, #common-header .side_menu_button>a{
    color: #000 !important;
    line-height: 80px !important;
}
#common-header .q_logo{
  top: 40px;
  left: 0;
}
.fullwidthbanner-container{
    margin-top: 45px;
}
#common-header .q_logo img.normal{
    opacity: 0 !important;
}
#common-header .q_logo img.sticky{
    opacity: 1 !important;
} */


.menu-items{
  background: #ecf0f4;
  padding: 20px 0;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #e3e9ef;
}
.menu-items .uk-list{
  text-align: center;
}
.menu-items .uk-list li{
  display: inline-block;
  float: none;
  margin: 0 5px 0;
}
.menu-items .uk-list li a{
  padding: 15px 20px;
  background: #fafafa;
  border-radius: 10px 0 10px 0;
  color: #333;
  display: block;
  font-weight: 500;
  font-size: 13px;
}
.menu-items .uk-list li.uk-active a{
  background: #06f;
  color: #fff;
}
.content-main .ui-main-content {
  background: #f9fbfd;
  padding: 50px 100px;
}

.mod-languages-dropdown{
  min-width: 100px;
  border-radius: 3px;
  padding: 5px 15px;
  background-color: #06f
}
.mod-languages-dropdown li{
  text-align: left;
  font-size: 13px;
  line-height: 15px;
}
.mod-languages-dropdown li a{
  color: #fff;
}
.mod-languages-dropdown li a:hover{
  color: rgb(255, 196, 71);
}
.mod-languages-button{
  padding: 0;
  border: none;
}
header .main_menu>ul>li>a{
  font-weight: 500;
  padding: 0 18px;
}
.uk-lightbox{
  background: rgba(255, 255, 255, .95);
}
.mod-products-categories img.mod-category-thumb{
  width: 100%;
  display: block;
}
.mod-products-categories .haschild{

}
.mod-products-categories .haschild .uk-card {
  background: #fff;
  border: 1px solid #06f;
}
.mod-products-categories .haschild .uk-transition-opaque{
  /* border-right: 1px dashed #06f; */
}
.mod-products-categories .haschild .uk-card > a{
  width: calc(100% * 1 / 3.001);
  display: block;
  float: left;
}
.mod-products-categories .haschild .uk-card > ul{
  margin-left: calc(100% * 1 / 3.001);
  padding: 60px 50px 0;
  background: #06f url('/template/Front/anjier2019/static/images/bg_footer.jpg');
  background-position: center;
  background-size: cover;
}
.mod-products-categories .haschild .uk-card > ul li{
  display: inline-block;
  list-style: none;
  width: calc(50% - 12px);
  border: 1px solid #06f;
  text-align: center;
  height: 50px;
  line-height: 50px;
  float: left;
  position: relative;
  margin: 5px;
  border-radius: 5px;
  transition: all .3s;
  background: #fff;
}
.mod-products-categories .haschild .uk-card > ul li:hover, .mod-products-categories .haschild .uk-card > ul li:hover a{
  border-color: #06f;
  border-style: dashed;
  color: #06f;
}
.mod-products-categories .haschild .uk-card > ul li a{
  font-size: 13px;
  font-weight: 500;
}
.mod-products-categories .uk-card{
  border: 1px solid #ddd;
}
.mod-products-categories .uk-transition-opaque{
  background: #fff;
}
.mod-products-categories .uk-transition-opaque h5{
  font-size: 14px;
  font-weight: 700;
  padding: 15px 0;
}
.mod-products-categories .uk-transition-opaque:hover h5{
  color: #06f;
}
.mod-product-list > div{
}
.mod-product-list > div .uk-card{
  border: 1px solid #ddd;
  background: #fff;
  transition: all .3s;
}
.mod-product-list > div .uk-card:hover{
  border-color: #06f;
}
.mod-product-list h6.product-title{
  text-transform: none;
  color: #333;
  margin: 0 !important;
  padding: 10px 20px;
  background-color: #fff;
  height: 60px;
  line-height: 20px;
  background: #fafafa;
  border-top: 1px solid #ddd;
  overflow: hidden;
}
.zh-cn .mod-product-list h6.product-title{
  height: 20px;
}

.ui-paging{
  margin: 40px auto;
}
.ui-paging .iconfont{
  display: none;
}
.ui-paging > span, .ui-paging > a{
  display: inline-block;
  padding: 6px 20px;
  background: #eee;
  margin-right: 5px;
  border-radius: 3px;
}
.ui-paging > span{
  background: #fafafa;
  color: #888;
}
.ui-paging > .ui-paging-current{
  background: #06f;
  color: #fff;
}

.mobile_menu_button{
  height: 58px;
}
.mod-product-categories-wrapper .uk-list li{
  border: 1px solid #ddd;
  margin: 0;
  border-bottom: none;
}
.mod-product-categories-wrapper .uk-list li a{
  display: block;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  width: 100%;
  box-sizing: border-box;
}
.mod-product-categories-wrapper .uk-list li a img{
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  float: left;
}
.mod-product-categories-wrapper .uk-list li a span{
  line-height: 54px;
  display: block;
  width: 100%;
  margin-left: 55px;
}
.mod-product-categories-wrapper .uk-list {
  border-bottom: 1px solid #ddd;
}
.mod-switcher-content table{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.mod-switcher-content table th {
    padding: 16px 12px;
    text-align: left;
    vertical-align: bottom;
    font-size: 12px;
    font-weight: normal;
    color: #999;
    text-transform: uppercase;
}
.mod-switcher-content table td {
    padding: 8px 12px !important;
    vertical-align: middle !important;
    border: 1px solid #666 !important;
    text-align: left !important;
    color: #222 !important;
    font-size: 12px !important;
}
.mod-switcher-content table tr:nth-of-type(odd), .mod-switcher-content table tbody tr:nth-of-type(odd) {
    background: #ecf0f4;
}
.mod-switcher-content table td p{
  color: #222;
  font-size: 12px;
}
.uk-tab>*>a{
  text-transform: none;
  font-weight: 500;
  color: #333;
  background: #ecf0f4;
  padding: 10px 20px !important;
  border-radius: 10px 0;
  margin-bottom: 15px;
}
.uk-tab>li{
  /* margin-right: 20px; */
}
.uk-tab>.uk-active>a {
    color: #06f;
    border: none;
    background: #06f;
    color: #fff;
    /* border-color: #06f;
    border-width: 2px; */
}
#button-sendInquire{
  width: 100%;
  border-radius: 5px;
  font-weight: 900;
  font-size: 19px;
}
.mod-switcher-content{
  color: #333;
}
.mod-switcher-content b, .mod-switcher-content div, .mod-switcher-content p{
  margin-bottom: 10px;
  color: #333;
}
.uk-button-primary {
    background-color: #06f;
}
.section-product-image .uk-slideshow-items li a, .section-product-image .uk-slideshow-items li a img{
  display: block;
  width: 100%;
}
.q_image_with_text_over:hover .shader{
  opacity: 0;
}
.vc_custom_1515744306795 .wpb_wrapper h5{
      font-size: 16px;
    line-height: 25px;
}
.mod-right-column textarea.wpcf7-form-control, .mod-right-column input.wpcf7-form-control[type="text"], .mod-right-column input.wpcf7-form-control[type="email"]{
  background: #ecf0f4 !important;
  border-color: #ecf0f4 !important;
  color: #000 !important;
}
.mod-right-column textarea.wpcf7-form-control::placeholder, .mod-right-column input.wpcf7-form-control[type="text"]::placeholder, .mod-right-column input.wpcf7-form-control[type="email"]::placeholder{
  color: rgba(0, 0, 0, .5)
}
.mod-right-column input.wpcf7-form-control[type="submit"]:hover{
  background: #333 !important;color: #fff !important;
}
.main_menu ul li i.uk-icon svg, span.fa-stackx i svg{
  width: 12px;
  height: 12px;
}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{
  min-height: 50px;
}
.main_menu ul li .uk-navbar-dropdown{
  width: 550px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.main_menu ul li .uk-navbar-dropdown > ul > li{
  width: 50%;
  float: left;
}
.main_menu ul li .uk-navbar-dropdown li a{
  color: #333 !important;
  line-height: 30px;
  font-weight: 500;
  display: block;
  font-size: 14px;
}
.main_menu ul li .uk-navbar-dropdown li a:hover{
  color: #06f !important;
  cursor: pointer;
}
.main_menu ul li .uk-navbar-dropdown > ul > li ul li{
  float: none;
  clear: both;
  display: block;
}
.main_menu ul li .uk-navbar-dropdown > ul > li ul{
  padding: 10px 0 10px;
  border-left: 1px solid #ddd;
  padding-left: 10px;
}
.main_menu ul li .uk-navbar-dropdown > ul > li ul li a{
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  display: block;
  clear: both;
  color: #333 !important;
}
.main_menu ul li#menu-afff4cbd365fe347dc3729ece93ca959 .uk-navbar-dropdown{
  width: 140px;
}
.main_menu ul li#menu-afff4cbd365fe347dc3729ece93ca959 .uk-navbar-dropdown > ul > li{
 width: 100%;float: none; 
}
.main_menu ul li#menu-afff4cbd365fe347dc3729ece93ca959 .uk-navbar-dropdown > ul > li a{
  line-height: 30px;
}
#menu-51679ce3738a69b94d40325e0e3d57db .uk-navbar-dropdown-nav li:first-child ul.uk-list li:nth-child(1) a, #menu-51679ce3738a69b94d40325e0e3d57db .uk-navbar-dropdown-nav li:first-child ul.uk-list li:nth-child(2) a{
  color: #f00 !important;
}
.uk-minus-icon{
  display: block;
  position: relative;
  margin-top: -10px;
  opacity: .2;
}

.mod-articles .uk-description-list>dt{
  text-transform: none;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.4;
}
.mod-articles .uk-text-meta{
  line-height: 1.6;
  font-size: 13px;
}
.ui-breadcrumb{
  font-size: 12px;
  padding: 10px 0;
}
.ui-breadcrumb .navigation-pipe{
  opacity: .4;
  padding: 0 5px;
}
.ui-breadcrumb .uk-icon{
  float: left;
  margin-top: 7px;
  margin-right: 5px;
}
.ui-breadcrumb .uk-icon svg{
  width: 12px;
  height: 12px;
}
.turnkey-project-name{
  text-align: center;
  font-size: 34px;
  line-height: 1.5;
}
.turnkey-project-name i{
  font-style: normal;
  display: block;
  font-size: 22px;
  font-weight: 400;
  color: #888;
}
.blockquote-wapper{
  background: #ecf0f4;
  padding: 30px;
}
.blockquote-wapper blockquote{
  background: #393877;
  color: #fff;
  font-style: normal;
  font-size: 15px;
  padding: 30px;
  border-radius: 10px 10px 0 0;
}
.blockquote-wapper img, .turnkey-project-features img{
  width: 100% !important;
}
.step-item{
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}
.step-item .uk-width-2-3\@l{
   background: #ecf0f4;
   padding: 50px;
   box-shadow: 0 5px 10px rgba(0, 0, 0, .03)
}
.step-item ul{
  margin: 0 0 15px;
  display: block;
}
.turnkey-project-features table tbody tr{
    background: #ecf0f4;
}
.turnkey-project-features table tbody tr td{
  font-size: 12px !important;
}
@media only screen and (max-width: 640px){
  .q_logo a{
    height: 30px !important;
  }
}
@media only screen and (max-width: 1200px){
  header .container_inner{
    width: 1050px;
  }
}